/*--------------------------------------------------*/
/*      RESET
/*--------------------------------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
input, select { vertical-align: middle; }
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
:focus, a{outline:none;}
pre, code, kbd, samp { font-family: monospace, sans-serif; }
header,hgroup,nav,menu,section,article,aside,footer{display:block;}
b { font-weight: bold; }
/*--------------------------------------------------*/
/*      DEFAULT
/*--------------------------------------------------*/
body {
    color:#333;
    font: 13px/1.231 helvetica, arial, sans-serif;
    line-height:1.4em;
    background:#eee;
}
input, select, option, textarea, button {
    color:#333;
    font:99% helvetica, arial, sans-serif;
}
#degade {
    padding: 20px 0 10px;
    background: url(/themes/default/images/degade.png) repeat-x;
}
.clear { display: block; clear: both; }
.none { display: none; }
.block { display: block; }
.left { float: left; }
.right { float: right; }
a, a:visited { color: #000; text-decoration: none; cursor: pointer; }
a:hover, a:focus, a.selected { color: #333; text-decoration: none; }
img.left { margin: 0 5px 5px 0; }
img.right { margin: 0 0 5px 5px; }
p { margin-bottom:.5em; }
ul li { list-style-type:square; }
dl { margin-bottom: 1em; }
dt { font-weight: bold;}
dd { margin: 0 0 0.5em 0.5em; }
ul, ol { margin:1em 0 1em 20px; }
li ul, li ol { margin:0 0 0 30px; }
td, th { padding: 0.2em; }
pre { margin:1em; padding:1em; }
blockquote { margin: 1em; }
h1, h2, h3, h4 {color: #000;}
h1 { font-size: 20px; }
h2 { font-size: 18px; }
h3 { font-size: 16px; }
h4 { font-size: 14px; }
/*--------------------------------------------------*/
/*      SITE
/*--------------------------------------------------*/
#site {
    position: relative;
    margin: 0 auto;
    padding: 10px 0;
    width: 960px;
    background: #fff;
}
header {
    margin: 0 10px;
    height: 61px;
    border-bottom: 4px solid #000;
}
#page {
    position: relative;
    margin: 0 10px;
    min-height: 300px;
    z-index: 200;
}
footer {
    margin:10px 10px 0;
    padding: 0 5px 0 10px;
    height: 25px;
    line-height: 25px;
    color: #eee;
    font-size: 11px;
    background: #000;
}
/*--------------------------------------------------*/
/*      HEADER
/*--------------------------------------------------*/
#languages {
    position: absolute;
    top: 25px;
    right: 20px;
    font-size: 11px;
}
#languages a {
    margin-right: 1px;
    padding: 0 1px;
    color: #666;
}
#languages a:hover, #languages a.selected {
    color: #333;
    text-decoration: underline;
}
/*--------------------------------------------------*/
/*      PAGE
/*--------------------------------------------------*/
hgroup {
    margin-bottom:10px;
    padding: 0 5px 4px;
    color: #fff;
    font-weight: bold;
    background: #000;
}
hgroup h1, hgroup h2 {
    display: inline;
    color: #fff;
}
#content, #aside {
    float: left;
    width: 620px;
}
#aside {
    float: right;
    width: 300px;
}
/*--------------------------------------------------*/
/*      FOOTER
/*--------------------------------------------------*/
footer .developer {
    float: right;
    margin: 4px 0 0 5px;
}
footer .geo { display:none; }
/*--------------------------------------------------*/
/*      NAV
/*--------------------------------------------------*/
nav {
    position: absolute;
    top:22px;
    margin: 0 10px;
    padding-left: 20px;
    height: 30px;
    font-weight:bold;
}
nav a, nav a:visited {
    padding: 0 22px;
    line-height: 30px;
    color: #000;
    border-left: 1px dotted #ddd;
}
nav a:focus, nav a:hover, nav a.selected {
    color: #666;
}
nav a.loader {
    background-image: url(/themes/default/images/loader.gif);
    background-position: 2px -1px;
    background-repeat: no-repeat;
}
/*--------------------------------------------------*/
/*      RESULT
/*--------------------------------------------------*/
#result {
    position: fixed;
    top: 35%;
    width: 100%;
    z-index: 9000;
}
#result .pop {
    display: block;
    margin: 0 auto;
    padding:8px;
    width: 400px;
    background:url(/themes/default/images/mask.png);
}
#result .close, #result .approve, #result .cancel {
    position: absolute;
    bottom: 8px;
    display: inline-block;
    padding: 5px 10px;
    color: #fff;
    font-size: .95em;
    font-weight: bold;
    text-transform: uppercase;
    background:#222;
    cursor: pointer;
}
#result .close, #result .approve { right: 8px; }
#result .cancel { left: 8px;}
#result .approve { border-color: #711; background: #911; }
#result h1 {
    padding: 7px 30px;
    font-size: 1.2em;
    border-style: solid;
    border-width: 0;
    border-bottom-width: 1px;
}
#result.error h1 {
    color: #fee;
    border-color: #610;
    background: #810 url(/themes/default/images/warning-icons.png) 7px 10px no-repeat;
}
#result.alert h1 {
    color: #ffe;
    border-color: #b80;
    background: #ea0 url(/themes/default/images/warning-icons.png) 7px -22px no-repeat;
}
#result.success h1 {
    color: #efe;
    border-color: #361;
    background: #581 url(/themes/default/images/warning-icons.png) 7px -55px no-repeat;
}
#result .container {
    position: relative;
    padding-bottom: 30px;
    border: 1px solid #666;
    background: #fff;
}
#result .container p {
    padding: 13px;
}
/*--------------------------------------------------*/
/*      FORM
/*--------------------------------------------------*/
label, input, select, textarea {
    box-sizing: border-box; /* css3 rec */
    -moz-box-sizing: border-box; /* ff2 */
    -ms-box-sizing: border-box; /* ie8 */
    -webkit-box-sizing: border-box; /* safari3 */
    -khtml-box-sizing: border-box; /* konqueror */
}
.formItem { margin-bottom: 3px; padding: 5px 0; }
.formItem label {
    float: left;
    padding: 6px 5px 0 0;
    width: 21%;
    color: #333;
    font-weight: bold;
    line-height: 1em;
}
.formItem input, .formItem select, .formItem textarea {
    float: left;
    margin: 0 2px 0 0;
    padding: 6px 10px;
    width: 55%;
    color: #666;
    border: 1px solid #000;
    background:#fff;
}
.formItem :focus {
    border: 1px solid #000;
    background:#ffe;
}
.formItem textarea {
    width: 65%;
    height: 100px;
}
.formItem .marked, .formItem .marked:focus  {
    border: 1px solid #911;
    background:#fee;
}
.formItem .desc {
    clear: both;
    display: block;
    margin-left: 20%;
    padding: 5px 0 0 10px;
    color: #555;
    font-size: .90em;
}
#captcha {
    width: 15%;
    vertical-align:top;
}
#captchaImg {
    float:left;
    margin-right:10px;
}
.formSubmit { margin: 6px 0 0; text-align: right; }
.formSubmit input, a.button, a.select {
    display: inline-block;
    margin: 0 9.5% 0 2px;
    padding: 5px 10px;
    color: #eee;
    font-weight: bold;
    text-transform: uppercase;
    background:#000;
    cursor: pointer;
}
.formSubmit input { min-width: 160px; border: 0; }
.formSubmit input:hover, a.button:hover, a.select:hover {
    color:#fff; background:#000;
}
.formSubmit #loader { display: none; }
/*--------------------------------------------------*/
/*      MEDIA QUERY
/*--------------------------------------------------*/
@media screen and (min-width:960px) {
    #content, #aside { min-height: 300px; }
}
@media screen and (min-width:610px) and (max-width:960px) {
    #site { width: 99%; }
    #content, #aside { min-height: 300px; }
    #content div  { max-width: 100%; }
    #content img, #content object { max-width: 98%; }
}
@media screen and (max-width : 610px) {
    #degade { padding: 0; }
    #site { width:100%; }
    #page { margin-top: 5px; border-top: 4px solid #000; }
    #page div { width: auto; max-width: 100%; }
    #page img, #page object {
        width: auto;
        max-width: 100%;
        padding:0;
        border:0;
    }
    #content, #aside {
        float: none;
        display:block;
        width: inherit;
        height: inherit;
    }
    #aside {
        margin-top:20px;
        width: inherit;
    }
    nav {
        position: relative;
        top:2px;
        left:0 !important;
        margin: 0 10px;
        padding: 0;
        height: inherit;
    }
    nav a, nav a:visited {
        display:block;
        margin: 0 0 2px 0;
        padding: 0 22px;
        height: 25px;
        line-height: 24px;
        color: #fff;
        border:0;
        background-color: #000;
    }
}
